@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; }
html { -ms-text-size-adjust:none; -webkit-text-size-adjust:none; text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); height:100%;}
:focus{ outline:none;}
body {overflow-x:hidden; height:100%; color:#222; background-color:#fff; -webkit-overflow-scrolling:touch;   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:20px;}
a{ text-decoration:none; background:0 0; -webkit-tap-highlight-color:transparent; cursor:pointer; }
li,ul {list-style:none;}
img {border:0;}
.clearfix {zoom:1;clear:both;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fl {float:left;}
.fr {float:right;}
.filter{opacity:0; filter:alpha(opacity=0);}
.nobor { border:none!important;}
.color1{ color:#ff4c40!important;}
.color6{ color:#a21cd4!important;}
.color7{ color:#eb8a00!important;}
.color8{ color:#ff4d41!important;}
.color9{ color:#1cc54c!important;}
.color10{ color:#999!important;}
.color11{ color:#54bc01!important;}



body{ width:7.5rem; background:#ccc6c3; overflow:hidden; }


body.loginbk{ background:url(../images/dlbk.jpg) no-repeat center top; background-size:cover; overflow:hidden;}
img.login_logo{ width:2.82rem; height:2.5rem; display:block; margin:0 auto; padding:0.36rem 0 0.39rem 0;}
.login_con{ width:5rem; height:auto; overflow:hidden; margin:0 auto;}
.login_con1{ width:5rem; height:auto; overflow:hidden; margin:-0.6rem auto 0 auto;}
ul.ul01{ width:100%; height:auto; overflow:hidden;}
ul.ul01 li{ width:100%; height:auto; margin-bottom:0.26rem; position:relative;}
ul.ul01 li input.text03{ width:100%; height:0.75rem; border:0.02rem solid #8092ab; background:none; text-indent:0.3rem; font-size:0.3rem;  line-height:0.72rem; color:#8092ab;-webkit-appearance: none;border-radius:0; box-sizing:border-box; }
ul.ul01 li img.ssj{ width:0.3rem; height:0.3rem; position:absolute; left:0; top:0;}
ul.ul01 li a{ color:#8092ab;  float:right; font-size:0.24rem;  line-height:0.3rem; }
img.trjh{ width:1.95rem; height:0.35rem; display:block; margin:0.25rem auto;}


.black1{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/btm.png) repeat; z-index:20;}
.login_tk{ width:5.8rem; height:2rem; position:fixed; left:50%; margin-left:-2.9rem; top:50%; margin-top:-1rem; background:#4c4a57; border-radius:5px; z-index:30; padding:0.3rem 0.35rem; box-sizing:border-box;}
.login_tk p{ font-size:0.26rem; color:#f7f7f7; line-height:0.45rem;}
.login_tk a.qd{ position:absolute; right:0.35rem; bottom:0.3rem; font-size:0.26rem; color:#f7f7f7; line-height:0.45rem;}




.container1{width:100%;  overflow-x:hidden; }
.container2{width:100%;  overflow-y:scroll; overflow-x:hidden;  }
.container3{ width:100%; height:2.98rem;}
.container4{width:100%;  overflow-y:scroll; overflow-x:hidden;  }

.header{ width:100%; height:0.88rem; background:url(../images/bk01.png) no-repeat; background-size:cover; position:relative; }
.header .h_l{ position:absolute; left:0.05rem; top:0.1rem;}
.header .h_l img{ width:1.53rem; height:1.28rem;}
.header .h_r{ position:absolute; right:0.2rem; top:0.2rem;}
.header .h_r img{ width:1.03rem; height:0.93rem;}
.header .title{ text-align:center; line-height:0.88rem; color:#fff; font-size:0.36rem; }

.txt01{ width:7.1rem; height:auto; overflow:hidden; margin:0.3rem auto 0 auto; background:url(../images/bk02.png) repeat-y center top; background-size:contain;font-size:13px;}
.txt01 p{ width:6.2rem; margin:0 auto; padding:0.16rem 0; color:#474250; font-size:0.24rem;  line-height:0.35rem; text-align:justify;}
 
.box01{ width:7.1rem; height:3.37rem; border-radius:5px; border:2px solid #b5adaa; margin:0.2rem auto 0 auto;position:relative;}
.box01 img.img01{ width:7.1rem; height:3.37rem;  left:0; top:0; position:absolute;} 
.box01 .box01_con{ position:relative; z-index:2; width:6.9rem; margin:0 auto; height:auto;}
.box01 a.but01{ width:2.1rem; height:0.8rem; display:inline-block; float:left; margin:0.26rem 0.1rem 0 0.1rem; background:url(../images/bk04.png) no-repeat; background-size:contain; text-align:center; color:#fff; font-size:0.24rem;  line-height:0.8rem;}
.box01 a.but01:hover{ background:url(../images/bk04on.png) no-repeat; background-size:contain;}
.box01 a.but01on{ background:url(../images/bk04on.png) no-repeat; background-size:contain;}

.box02{ width:100%; height:auto;}
.rw{ width:1.6rem; height:0.85rem; float:left; display:inline; position:relative; margin-left:0.2rem; margin-right:0.04rem; }
.rw img.rw_tx1{width:0.74rem; height:0.85rem; position:absolute; left:0; top:0; z-index:2;}
.rw .rw_xm1{width:1.6rem; height:0.54rem; position:absolute; left:0; bottom:0; background:url(../images/bk14.png) no-repeat; background-size:contain; text-align:center; line-height:0.54rem; font-size:0.2rem; color:#ddaa33; text-indent:0.5rem;}
.rw .rw_xm2{width:1.6rem; height:0.54rem; position:absolute; left:0; bottom:0; background:url(../images/bk14.png) no-repeat; background-size:contain; text-align:center; line-height:0.54rem; font-size:0.2rem; color:#ddaa33; text-indent:0; text-align:center;}

.rw .rw_xm3{width:1.6rem; height:0.54rem; position:absolute; left:0; bottom:0; background:url(../images/bk14.png) no-repeat; background-size:contain; text-align:center; line-height:0.54rem; font-size:0.2rem; color:#f7f7f7; text-indent:0; text-align:center;}
.rw .rw_xm4{width:1.6rem; height:0.54rem; position:absolute; left:0; bottom:0; background:url(../images/bk14.png) no-repeat; background-size:contain; text-align:center; line-height:0.54rem; font-size:0.2rem; color:#b5ab9b; text-indent:0; text-align:center;}




.txt02{ width:7.5rem; height:2.06rem; position:fixed; left:0; bottom:0.92rem; background:#d5d0cd; border-top:1px solid #b5adaa; padding-bottom:0.46rem; padding-top:0.17rem; box-sizing:border-box; overflow-y:scroll; z-index:5;}
.txt02 p{ width:7.06rem; height:auto; overflow:hidden; margin:0 auto; font-size:0.24rem;  line-height:0.38rem; text-align:justify;}
.txt02 p.color1{ color:#f07804;}
.txt02 p.color2{ color:#999;}
.txt02 p.color3{ color:#4c4c5a;}
.txt02 img.zsj{ width:0.14rem; height:0.17rem; position:absolute; left:0; top:0;}
.txt02 img.ysj{ width:0.14rem; height:0.17rem; position:absolute; right:0; top:0;}
.txt02 a.lt{ position: fixed;right: 0.5rem;bottom: 1.63rem;}
.txt02 a.lt img{ width:0.54rem; height:0.53rem;}


.nav{ width:7.5rem; height:1.33rem; overflow:hidden; position:fixed; left:0; bottom:0; z-index:8; background:url(../images/bk03.png) no-repeat center bottom; background-size:contain;}
.nav a{ width:0.94rem; height:1.27rem; display:inline-block; float:left; margin-left:0.26rem;}
.nav a.nav1{ background:url(../images/nav1.png) no-repeat; background-size:contain;}
.nav a.nav1on{ background:url(../images/nav1on.png) no-repeat; background-size:contain;}
.nav a.nav2{ background:url(../images/nav2.png) no-repeat; background-size:contain;}
.nav a.nav2on{ background:url(../images/nav2on.png) no-repeat; background-size:contain;}
.nav a.nav3{ background:url(../images/nav3.png) no-repeat; background-size:contain;}
.nav a.nav3on{ background:url(../images/nav3on.png) no-repeat; background-size:contain;}
.nav a.nav4{ background:url(../images/nav4.png) no-repeat; background-size:contain;}
.nav a.nav4on{ background:url(../images/nav4on.png) no-repeat; background-size:contain;}
.nav a.nav5{ background:url(../images/nav5.png) no-repeat; background-size:contain;}
.nav a.nav5on{ background:url(../images/nav5on.png) no-repeat; background-size:contain;}
.nav a.nav6{ background:url(../images/nav6.png) no-repeat; background-size:contain;}
.nav a.nav6on{ background:url(../images/nav6on.png) no-repeat; background-size:contain;}

.black{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/black.png) repeat; z-index:20;}
.tkbox2{ width:5.9rem; height:auto; position:absolute; left:0.8rem; top:50%; border-radius:3px; border:1px solid #e6ae5a; z-index:30; padding:0.04rem; box-sizing:border-box;}
.tkbox2_con1{ width:100%; height:auto; overflow:hidden; background:#d5d0cd; position:relative; border:2px solid #a28960; box-sizing:border-box; padding:0.5rem 0 0.6rem 0;}

.tkbox2 .rw1{ width:2.1rem; height:0.85rem; position:absolute; left:50%; margin-left:-1.05rem; top:-0.55rem;}
.tkbox2 .rw1 img.rw_tx{ width:0.74rem; height:0.85rem; position:absolute; left:0; top:0; z-index:2;}
.tkbox2 .rw1 .rw_xm{ width:2.1rem; height:0.6rem; position:absolute; left:0; bottom:0; z-index:1; line-height:0.6rem; color:#ddaa33; font-size:0.26rem;  text-indent:0.89rem; background:url(../images/bk16.png) no-repeat; background-size:contain; }
.tkbox2_con1 p{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:0.24rem;  line-height:0.4rem; text-align:justify; color:#413434; padding:0 0.27rem;box-sizing:border-box; }
.tkbox2_con1 .cz{ width:100%; height:auto; overflow:hidden; margin:0.1rem auto; text-align:center;}
.tkbox2_con1 a.but04{ width:1.12rem; height:0.56rem; display:inline-block; background:#c3bebb; border:1px solid #aca7a5;  text-align:center; color:#4f4d5f; font-size:0.24rem;  line-height:0.56rem; margin:0.3rem 0.1rem 0 0.1rem;}
.tkbox2_con1 .zdz{width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:0.24rem;  line-height:0.4rem; text-align:justify; color:#413434; padding:0 0.27rem;box-sizing:border-box; margin-top:0.3rem;}

.tkbox2 .tk_button{ width:100%; height:0.6rem; display:block;  position:absolute; left:0; bottom:-0.3rem; text-align:center;}
.tkbox2 .tk_button a.but03{ width:1.3rem; height:0.6rem; display:inline-block; margin:0 0.25rem; background:url(../images/bk06.png) no-repeat; background-size:contain; text-align:center; color:#fff; font-size:0.24rem;  line-height:0.6rem;}

.tkbox2_con1 img.zdz{ width:0.78rem; height:auto; display:block; margin:0.15rem auto;}
.tkbox2_con1 .xz{width:6.25rem; height:auto; overflow:hidden; margin:0.2rem auto;}
.tkbox2_con1 .xz p.p01{ position:relative; padding:0.08rem 0 0.15rem 0.74rem; margin-top:0.1rem;}
.tkbox2_con1 .xz p.p01 a{color:#413434;}
.tkbox2_con1 .xz p.p01 span.checkbox{ width:0.48rem; height:0.48rem; display:inline-block; background:url(../images/wxz.png) no-repeat; background-size:contain; position:absolute; left:0; top:0;}
.tkbox2_con1 .xz p.p01 span.checkboxon{background:url(../images/xz.png) no-repeat; background-size:contain; }
.tkbox2_con1 .xz .text02{ width:100%; height:0.64rem; display:inline-block; text-indent:0.15rem; border:2px solid #999; font-size:0.26rem;  line-height:0.64rem; color:#413434; background:#c9c5c2; box-sizing:border-box; margin-top:0.15rem; border-radius:0; -webkit-appearance: none;}

.tkbox2_con1 p.ni{ margin-top:0.2rem;}
.tkbox2_con1 .cs{ width:5.2rem; height:auto; overflow:hidden; margin:0.1rem auto; }
.tkbox2_con1 .cs p{position:relative; padding-left:0.5rem; box-sizing:border-box; padding-right:0; line-height:0.5rem;}
.tkbox2_con1 .cs p span.cs_checkbox{ width:0.3rem; height:0.3rem; display:inline-block; background:url(../images/wxz1.png) no-repeat; background-size:contain; position:absolute; left:0; top:50%; margin-top:-0.15rem;}
.tkbox2_con1 .cs p span.cs_checkboxon{background:url(../images/xz1.png) no-repeat; background-size:contain; }


/*命名部分----------------------------*/
body.nameimgbk{ background:url(../images/qmbk.jpg) no-repeat center top; background-size:cover; overflow:hidden;}
.naming_con{ width:4.2rem; height:auto; overflow:hidden; margin:3.1rem auto 0 auto;}
.naming_con ul{ width:100%; height:auto; overflow:hidden;}
.naming_con ul li{ width:100%; height:auto; margin-bottom:0.26rem; position:relative;}
.naming_con ul li input.text01{ width:100%; height:0.75rem; padding:0.15rem 0; border:0.02rem solid #3B4C57; background:none; text-indent:0.3rem; font-size:0.3rem;  line-height:0.42rem; color:#3b4c57;-webkit-appearance: none;border-radius:0; box-sizing:border-box; }
.naming_con ul li img.ssj{ width:0.3rem; height:0.3rem; position:absolute; left:0; top:0;}
.naming_con ul li.xb_li{ text-align:center;}
.naming_con ul li.xb_li .xb{ display:inline-block; margin:0 0.4rem; color:#384653; font-size:0.28rem; line-height:0.5rem; position:relative; padding-left:0.65rem;}
.naming_con ul li.xb_li .xb span.checkbox{ width:0.48rem; height:0.48rem; display:inline-block; background:url(../images/wxz.png) no-repeat; background-size:contain; position:absolute; left:0; top:0;}
.naming_con ul li.xb_li .xb span.checkboxon{background:url(../images/xz.png) no-repeat; background-size:contain; }
.naming_con img.jr{ width:2.23rem; height:0.49rem; display:block; margin:0.25rem auto;}



/*江湖属性部分----------------------------*/
.tkbox3{ width:7.1rem; height:auto; position:absolute; left:0.2rem; top:50%; border-radius:3px; border:1px solid #e6ae5a; z-index:30; padding:0.04rem; box-sizing:border-box;}
.tkbox3_con1{ width:100%; height:auto; overflow:hidden; background:#d5d0cd; position:relative; border:2px solid #a28960; box-sizing:border-box; padding:0.5rem 0 0.6rem 0;}

.tit01{ width:100%; height:auto; overflow:hidden; text-align:center; color:#4c4c5b; font-size:0.36rem; line-height:0.4rem;}
.tit01 img{ width:3.86rem; height:auto; display:block; margin:0.2rem auto;}
.txt03{ width:6.6rem; height:auto; overflow:hidden; margin:0 auto; border:1px solid #b5adaa; background:#c4bab3; padding:0.2rem; box-sizing:border-box;}
.txt03 p{font-size:0.24rem;  line-height:0.38rem; text-align:justify; color:#413434;}

ul.ul02{ width:6.6rem; height:auto; overflow:hidden; margin:0.2rem auto;}
ul.ul02 li{ width:50%; height:0.6rem; overflow:hidden; padding-right:0.2rem; box-sizing:border-box; float:left; display:inline; color:#474250; font-size:0.24rem;  line-height:0.6rem; padding-left:0.1rem;}
ul.ul02 li span{color:#474250;  font-weight:bold; margin-right:0.2rem;}

.tkbox3 .tk_button{ width:100%; height:0.6rem; display:block;  position:absolute; left:0; bottom:-0.3rem; text-align:center;}
.tkbox3 .tk_button a.but03{ width:1.3rem; height:0.6rem; display:inline-block; margin:0 0.25rem; background:url(../images/bk06.png) no-repeat; background-size:contain; text-align:center; color:#fff; font-size:0.24rem;  line-height:0.6rem;}
/*江湖属性部分end----------------------------*/




/*人物首页部分 begin---------------------------*/
.box03{ width:6.94rem; height:auto; overflow:hidden; margin:0.2rem auto 0 auto;}
.box03_l{ width:3.6rem; height:auto; overflow:hidden; float:left; display:inline;}
.rw2{ width:1.7rem; height:1.88rem; display:block; position:relative;}
.rw2 img.rw_tx{ width:1.7rem; height:auto;}
.rw2 .rw_xm{ width:1.7rem; height:0.5rem; position:absolute; left:0; bottom:0; z-index:1; line-height:0.5rem; color:#fff; font-size:0.24rem;   background:url(../images/bk08.png) no-repeat; background-size:contain; text-align:center; }
.box03 p{ color:#474250; font-size:0.24rem;  line-height:0.5rem; padding:0.07rem 0;}
.box03 p span.sp01{ color:#474250; font-size:0.26rem; font-weight:bold; margin-right:0.2rem;}
.box03 p span.sp02{ color:#474250;  font-weight:bold; margin-right:0.2rem;}
.box03 p a{ color:#474250;}
.box03 p a.but08{width:1rem; height:0.5rem; display:inline-block; background:url(../images/bk09.png) no-repeat; background-size:contain; text-align:center; color:#fff; font-size:0.24rem;  line-height:0.5rem; margin-left:0.2rem;}
.box03 a.but05{width:1.9rem; height:0.5rem; display:inline-block; background:url(../images/bk10.png) no-repeat; background-size:contain; text-align:center; color:#fff; font-size:0.24rem;  line-height:0.5rem; }
.box03_r{ width:3.28rem; height:auto; overflow:hidden; float:right; display:inline;}
.box03_r p a.but08{ float:right; display:inline-block; margin-right:0.1rem;}
.box03 a.but06{width:1.4rem; height:0.5rem; float:right; display:block; background:url(../images/bk11.png) no-repeat; background-size:contain; text-align:center; color:#fff; font-size:0.24rem;  line-height:0.5rem; }


.box04{ width:7.2rem; height:auto; overflow:hidden; margin:0.1rem auto 0 auto;}
.sx_con{width:100%; height:auto; overflow:hidden;}
.sx_con .sx{ width:0.84rem; height:0.84rem; float:left; display:inline-block; margin:0.2rem 0.09rem 0 0.09rem; position:relative; background:#FFFFFF; border:2px solid #947E6B; padding:2px; border-radius:6px;}
.sx_con .sx img{width:0.84rem; height:0.84rem; border-radius:5px;}
.sx_con .sx span{ position:absolute; left:0; top:0; line-height:1rem; color:#868380; font-size:0.24rem;  text-align:center; width:100%;}
.sx_con .sx1{ background:#ffb93e;}
.sx_con .sx2{ background:#3a3129;}
.sx_con .sx3{ background:#73c2ff;}
.sx_con .sx4{ background:#5bf98b;}
.sx_con .sx5{ background:#d74cff;}
.sx_con .sx6{ background:#ff4c40;}
.buttonbox1{ width:100%; height:0.6rem; display:block; margin:0.52rem auto 0 auto; text-align:center;}
.buttonbox1 a.but07{ width:1.3rem; height:0.6rem; display:inline-block; margin:0 0.25rem; background:url(../images/bk06.png) no-repeat; background-size:contain; text-align:center; color:#fff; font-size:0.24rem;  line-height:0.6rem;}



/*人物1首页部分 end--------------------------*/


.tkbox1{ width:5.5rem; height:auto; position:absolute; left:0.8rem; top:50%; border-radius:3px; border:1px solid #e6ae5a; z-index:30; padding:0.04rem; box-sizing:border-box;}
.tkbox1_con1{ width:100%; height:auto; background:#d5d0cd; position:relative; border:2px solid #a28960; box-sizing:border-box; padding:0.72rem 0 0.6rem 0;}

.zb{ width:4.9rem; height:1.02rem; position:absolute; left:0.28rem; top:-0.4rem;}
.zb .zb_img{ width:0.84rem; height:0.84rem; float:left; display:inline-block; background:#fff; border:2px solid #947E6B; padding:2px; border-radius:6px; position:relative; z-index:3;}
.zb .zb_img1{ background:#ffb93e;} 
.zb .zb_img2{ background:#3a3129;}
.zb .zb_img3{ background:#73c2ff;}
.zb .zb_img4{ background:#5bf98b;}
.zb .zb_img5{ background:#d74cff;}
.zb .zb_img6{ background:#ff4c40;}
.zb .zb_img7{ background:#836f5c; padding:0; width:0.88rem; height:0.88rem; padding:1px;}

.zb .zb_img img{width:0.84rem; height:0.84rem; border-radius:5px;}
.zb .zb_img7 img{width:0.88rem; height:0.88rem; border-radius:5px;}

.zb .zb_mc{ width:4rem; height:0.6rem; background:url(../images/bk18_s1.png) no-repeat; position:absolute; right:0; top:0.4rem; background-size:contain; color:#fff; font-size:0.3rem; line-height:0.6rem; text-indent:0.65rem;}

.star_box{ width:4.8rem; height:auto; overflow:hidden; margin:0 auto;}
.star_box span.star{ width:2.84rem; height:0.27rem; display:inline-block; background:url(../images/star.png) no-repeat; background:url(../images/star.png) no-repeat; background-size:contain;}
.zb_txt1{ width:4.8rem; height:auto; overflow:hidden; margin:0 auto; line-height:0.5rem; color:#523c21; font-size:0.28rem;}
.zb_txt1 span.zbtxt1_l{ float:left; display:inline;}
.zb_txt1 span.zbtxt1_r{ float:right; display:inline;}
.zb_txt2{ width:4.8rem; height:auto; overflow:hidden; margin:0 auto;}
.zb_txt2 .zb_tit01{ width:100%; height:0.34rem; overflow:hidden; position:relative; margin:0.1rem auto;}
.zb_txt2 .zb_tit01 span.zbtit01_txt{ width:1.4rem; height:0.34rem; background:url(../images/bk19.png) no-repeat; background-size:contain; text-align:center; line-height:0.34rem; color:#fff; font-size:0.2rem; display:inline-block; position:absolute; left:0; top:0; z-index:2;}
.zb_txt2 .zb_tit01 span.zbtit01_line{ width:100%; height:1px; display:block; background:#666776; position:absolute; left:0; top:0.17rem;}
.zb_txt2 p{color:#4f4d5f; font-size:0.24rem;  line-height:0.5rem; padding-left:0.45rem; box-sizing:border-box; }
.zb_txt3{width:4.8rem; height:auto; overflow:hidden; margin:0.2rem auto; border:1px solid #b5adaa; background:#c4bab3; padding:0.2rem; box-sizing:border-box;}
.zb_txt3 p{font-size:0.24rem;  line-height:0.38rem; text-align:justify; color:#413434;}
.zb_cz{ width:100%; height:auto; overflow:hidden; margin:0rem auto; text-align:center;}
.zb_cz a.but02{ width:1.06rem; height:0.56rem; display:inline-block; background:#a7a7a7; border:1px solid #767777;  text-align:center; color:#4f4d5f; font-size:0.24rem;  line-height:0.56rem; margin:0.1rem 0.065rem 0 0.065rem;}
.tkbox1 .tk_button{ width:100%; height:0.6rem; display:block;  position:absolute; left:0; bottom:-0.3rem; text-align:center;}
.tkbox1 .tk_button a.but03{ width:1.3rem; height:0.6rem; display:inline-block; margin:0 0.25rem; background:url(../images/bk06.png) no-repeat; background-size:contain; text-align:center; color:#fff; font-size:0.24rem;  line-height:0.6rem;}



/*2019-07-09---------------------------------------------*/
body.bd01{background:#c2bbb6;}
body.bd02{ background:#d5d0cd; overflow:hidden; background-attachment:fixed;}
.xn_con1{ text-align:center; font-size:0.26rem; line-height:0.3rem; color:#a28960; position:relative; width:6.9rem; height:auto;  margin:0.3rem auto;}
.xn_con1 span { color:#4f4d5f; margin:0 0.3rem;}
.xn_con1 span img.xntb{ width:0.37rem; height:0.39rem; vertical-align:middle; margin:0 5px 5px 0;}
.xn_con1 span img.xn_cz{ width:0.7rem; height:0.37rem; vertical-align:middle; margin:0 5px 5px 5px;}
a.flsx{ position:absolute; right:0.2rem; top:0.02rem; line-height:0.4rem; font-size:0.28rem; color:#4f4d5f;}
a.flsx img{ width:0.28rem; height:0.28rem; vertical-align:middle; margin:0 0 3px 8px;}
.flsx_slider{ width:6.9rem; height:auto; overflow:hidden; position:absolute; right:0; top:0.4rem; padding-top:8px; z-index:100;}
.flsx_sjx{ border-bottom: 8px solid #4c4d5b; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; right:0.25rem; top: 0;}
.flsx_con{ width:100%; height:auto; overflow:hidden; background:#4c4d5b; border-radius:2px; padding:0.1rem; box-sizing:border-box;}
.flsx_con a{ width:1.2rem; height:0.6rem; border-radius:2px; display:inline-block; text-align:center; line-height:0.6rem; font-size:0.28rem; color:#fff; background:#555664; margin:0.1rem 0.07rem;}
.xn_con2{ width:6.9rem; height:5.8rem; overflow-y:scroll;background:#d2cdca; margin:0 auto 0.45rem auto; border-radius:3px; text-align:center; }
.xn_xq{ width:100%; height:auto; overflow:hidden; padding:0.07rem; box-sizing:border-box;}
.xn_xq .xn_tb{ width:0.84rem; height:0.84rem; float:left; display:inline-block; margin:0.1rem 0.06rem 0.1rem 0.06rem; background:#ac927c; border:2px solid #947E6B; padding:2px; border-radius:6px; position:relative;}
.xn_xq .xn_tb img{width:0.84rem; height:0.84rem; border-radius:5px;}
.xn_xq .xn_tb1{ background:#5bf98b;}
.xn_xq .xn_tb .num{ position:absolute; right:0.1rem; bottom:0.1rem; line-height:0.2rem; font-size:0.2rem; font-weight:bold; color:#fff; text-shadow:2px 2px 2px #767777;}

/*战斗页面----*/
.zd_top{ width:6.88rem; height:1.92rem; margin:0 auto; overflow:hidden; position:fixed; left:50%; margin-left:-3.44rem; top:0;}
.zd_mid{ width:6.88rem; overflow-y:scroll; margin:0 auto; position:fixed; left:50%; margin-left:-3.44rem; top:1.92rem;}
.zd_bottom{ width:6.88rem; height:4.84rem; margin:0 auto; overflow:hidden; position:fixed; left:50%; margin-left:-3.44rem; bottom:0;}


.zd_con1{ width:100%; height:1.86rem; position:relative; padding-top:0.53rem; box-sizing:border-box;}
.zd_rwz{ width:1.5rem; height:1rem; position:relative; float:left; display:inline; margin:0 0.08rem; border:1px solid #b5adaa; background:#c4bab3; box-sizing:border-box;}
.zd_rwz span.zd_rw{ color:#34303a; width:100%; text-align:center; position:absolute; left:0; top:-0.13rem; line-height:0.26rem; font-size:0.26rem; font-family: 'microsoft yahei'; z-index:2; text-shadow:1px 1px 1px  #fff; font-weight:bold; }
.zd_rwz .zd_jd1{ width:1.26rem; height:0.18rem; border:2px solid #4c4c5b; background:#4c4c5b; position:relative; border-radius:3px; margin:0.3rem auto 0 auto;}
.zd_rwz .zd_jd1 span.zdjd1_hs{ height:0.18rem; background: linear-gradient(to bottom, #ff4d41 0%,#b83830 100%); position:absolute; left:0; top:0; border-radius:3px;}
.zd_rwz .zd_jd1 span.zdjd1_hs50{ width:50%;}
.zd_rwz .zd_jd1 span.zdjd1_hs100{ width:100%;}
.zd_rwz .zd_jd1 span.zhi1{ text-align:center; font-size:0.24rem; color:#fff; line-height:0.18rem; z-index:20; width:100%; position:absolute; left:0; top:0;}

.zd_rwz .zd_jd2{ width:1.26rem; height:0.18rem; border:2px solid #4c4c5b; background:#4c4c5b; position:relative; border-radius:3px; margin:0.08rem auto 0 auto;}
.zd_rwz .zd_jd2 span.zdjd1_ls{ height:0.18rem; background: linear-gradient(to bottom, #1aa6ff 0%,#1384cc 100%); position:absolute; left:0; top:0; border-radius:2px;}
.zd_rwz .zd_jd2 span.zdjd1_ls100{ width:100%;}
.zd_rwz .zd_jd2 span.zhi1{ text-align:center; font-size:0.24rem; color:#fff; line-height:0.18rem; z-index:20; width:100%; position:absolute; left:0; top:0;}

.zd_line1{ width:6.7rem; height:1px; background:#ada49d; position:fixed; left:50%; margin-left:-3.35rem; top:1.9rem; z-index:2;}
.zd_line2{ width:6.7rem; height:1px; background:#ada49d; position:fixed; left:50%; margin-left:-3.35rem; bottom:4.84rem;}



.zd_con2{ width:6.7rem; height:auto; overflow:hidden; margin:0 auto; padding:0.15rem 0;}
.zd_con2 p{ width:100%; height:auto; line-height:0.3rem; color:#474250; font-size:0.22rem;  text-align:justify; padding:0.12rem 0;}
.zd_con2 p span{ color:#ff4d41;}

.zd_con3{width:6.7rem; height:0.9rem; overflow:hidden; position:relative; margin:0 auto; border:1px solid #b5adaa; background:#c4bab3; padding:0.28rem 0; box-sizing:border-box;}
.zd_con3 .zdjd3_con{ width:3.56rem; height:0.26rem; margin:0 auto; position:relative;}
.zd_con3 .zd_jd3{width:3.56rem; height:0.06rem; border:2px solid #4c4c5b; background:#4c4c5b; position:relative; border-radius:3px; position:absolute; left:0; top:0.08rem;}
.zd_con3 .zd_jd3 span.zdjd3_hs{ height:0.06rem; background:#E6AE5A; position:absolute; left:0; top:0; border-radius:3px;}
.zd_con3 .zd_jd3 span.zdjd3_hs50{ width:50%;}
.zd_con3 span.zhi2{ text-align:center; font-size:0.24rem; color:#fff; line-height:0.26rem; z-index:20; width:100%; position:absolute; left:0; top:0;}

.zd_con3 .zd{ width:0.9rem; height:0.5rem; border-radius:2px; background:#4c4c5b; border:2px solid #4c4c5b; line-height:0.45rem; font-size:0.26rem; color:#fff; text-align:center;  -webkit-appearance: none; position:absolute; left:0.3rem; top:0.18rem; display:inline-block; }
.zd_con3 .tp{ width:0.9rem; height:0.5rem; border-radius:2px; background:#c9c5c2; border:2px solid #999999; line-height:0.45rem; font-size:0.26rem; color:#333333; text-align:center;  -webkit-appearance: none; position:absolute; right:0.3rem; top:0.18rem; display:inline-block;}

.zd_con4{ width:6.7rem; height:auto; overflow:hidden; position:relative; margin:0 auto;  box-sizing:border-box; padding-right:0.64rem;}
a.zd_ng{ width:1.8rem; height:0.64rem; border:1px solid #767777 ; background:#A7A7A7; display:inline-block; margin:0.25rem 0.183rem 0 0; color:#4f4d5f; font-size:0.24rem; line-height:0.62rem; text-align:center; font-family: 'microsoft yahei'; box-sizing:border-box;}

a.zd_ng1{background:#e0dcd9; }

.zd_con4_r{ position:absolute; right:0; top:0;}
.zd_img1{ width:0.64rem; height:0.64rem; display:block; margin-top:0.25rem; border-radius:3px; background:#767777; position:relative;}
.zd_img1 img{width:0.64rem; height:0.64rem; border-radius:3px;}
.zd_img1 span.num{position:absolute; right:0.1rem; bottom:0.1rem; line-height:0.2rem; font-size:0.2rem; font-weight:bold; color:#fff; text-shadow:2px 2px 2px #767777;}


.zd_con2 .zd_jg{ text-align:center;}
.zd_con2 .zd_jg img.sl{ width:1.78rem; height:1.45rem; display:block; margin:0 auto;}
.zd_con2 .zd_jg p{ font-size:0.26rem; color:#474250; text-align:center;}
.zd_con2 .zd_jg p.sb_p{ color:#939393;}
.zd_con2 .zd_jg .cz{ width:100%; height:auto; overflow:hidden; margin:0.1rem auto; text-align:center;}
.zd_con2 .zd_jg .cz a.but04{ width:1.12rem; height:0.56rem; display:inline-block; background:#c3bebb; border:1px solid #aca7a5;  text-align:center; color:#4f4d5f; font-size:0.24rem;  line-height:0.56rem; margin:0.3rem 0.1rem 0 0.1rem;}

.zd_con2 .zd_jg img.sb{ width:1.94rem; height:1.48rem; display:block; margin:0 auto;}



/*交易中--------------------------*/
.trans_box{ width:100%; height:auto; overflow:hidden; margin:0.2rem auto 0 auto;}
.trans_con{ width:94.6%; height:auto; overflow:hidden; margin:0 auto;}
.trans_con .trans_role{ width:3.4rem; height:auto;}
.role_name{ color:#413434; font-size:0.26rem; line-height:0.6rem; text-indent:0.1rem;  }
.role_equip{ width:100%; height:auto; overflow:hidden; background:#c4bab3; border:1px solid #b5adaa; box-sizing:border-box; padding:0.1rem 0;}
.equip{ width:0.91rem; height:0.91rem; float:left; display:inline-block; margin:0.1rem 0 0.1rem 0.095rem; position:relative; background:#ac927c; border:0.04rem solid #836f5c;  border-radius:6px;}
.equip img{width:0.83rem; height:0.83rem; border-radius:5px; border:0.04rem solid #5BF98B;}
.equip span.num{position:absolute; right:0.1rem; bottom:0.1rem; line-height:0.2rem; font-size:0.2rem; font-weight:bold; color:#fff; text-shadow:2px 2px 2px #767777;}
.equip1 img{width:0.83rem; height:0.83rem; border-radius:5px; border:0.04rem solid #73c2ff;}
.equip2 img{width:0.83rem; height:0.83rem; border-radius:5px; border:0.04rem solid #ac927c;}

.role_price{ color:#4f4d5f; font-size:0.26rem; line-height:0.6rem; margin:0.2rem auto;}
.role_price img{ width:0.4rem; height:0.4rem; vertical-align:middle; margin:0 0.06rem 3px 0;}

.role_price1{ float:right;}
.role_price input.bi_text{ width:2.32rem; height:0.54rem; border:1px solid #bbb3ae; background:#c9c5c2; line-height:0.52rem; text-indent:5px; color:#4f4d5f; font-size:0.24rem; vertical-align:middle; margin:0 0rem 3px 0.1rem; -webkit-appearance: none; border-radius:0;}


.trans_but_con{ border-top:1px solid #aea8a3; width:94.6%; height:auto; overflow:hidden; margin:0.1rem auto; text-align:center; padding-top:0.28rem;}
.trans_but_con .trans_but{width:1.1rem; height:0.59rem; display:inline-block;  background:#a7a7a7; border:1px solid #767777; background-size:contain; text-align:center; color:#4f4d5f; font-size:0.24rem; font-family: 'microsoft yahei'; line-height:0.59rem; margin:0 0.15rem;}
.trans_but_con .trans_but1{ color:#888;}



.tkbox1{ width:5.5rem; height:auto; position:absolute; left:0.8rem; top:50%; border-radius:3px; border:1px solid #e6ae5a; z-index:30; padding:0.04rem; box-sizing:border-box;}
.tkbox1_con1{ width:100%; height:auto; background:#d5d0cd; position:relative; border:2px solid #a28960; box-sizing:border-box; padding:0.72rem 0 0.6rem 0;}


.xzwp_top{ width:100%; height:0.7rem; display:block; line-height:0.3rem;}
.xzwp_top_l{ float:left; margin-left:0.18rem;  color:#4f4d5f; font-size:0.28rem;}
.xzwp_top_l img{width: 0.37rem; height: 0.39rem; vertical-align: middle; margin: 0 5px 5px 0;}

.xzwp_top_r{ float:right; color:#4f4d5f; font-size:0.28rem; margin-right:0.18rem;}
.xzwp_top_r img{ width: 0.28rem; height: 0.28rem; vertical-align: middle; margin: 0 0 3px 8px;}

.xn_con3{ width:6.7rem; height:auto; overflow:hidden;background:#c4bab3; border:1px solid #b5adaa; margin:0 auto 0.45rem auto;  text-align:center; }
.xn_con3 .xn_xq{ width:100%; height:auto; overflow:hidden; padding:0.07rem; box-sizing:border-box;}
.xn_con3 .xn_xq .xn_tb{ width:0.84rem; height:0.84rem; float:left; display:inline-block; margin:0.1rem 0.046rem 0.1rem 0.046rem; background:#ac927c; border:2px solid #947E6B; padding:2px; border-radius:6px; position:relative;}
.xn_con3 .xn_xq .xn_tb img{width:0.84rem; height:0.84rem; border-radius:5px;}
.xn_con3 .xn_xq .xn_tb1{ background:#5bf98b;}
.xn_con3 .xn_xq .xn_tb .num{ position:absolute; right:0.1rem; bottom:0.1rem; line-height:0.2rem; font-size:0.2rem; font-weight:bold; color:#fff; text-shadow:2px 2px 2px #767777;}


.flsx_slider1{ width:6.9rem; height:auto; overflow:hidden; position:absolute; right:0.005rem; top:0.9rem; padding-top:8px; z-index:100;}
.flsx_sjx1{ border-bottom: 8px solid #4c4d5b; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; right:0.25rem; top: 0;}
.flsx_con1{ width:100%; height:auto; overflow:hidden; background:#4c4d5b; border-radius:2px; padding:0.1rem; box-sizing:border-box;}
.flsx_con1 a{ width:1.2rem; height:0.6rem; border-radius:2px; display:inline-block; text-align:center; line-height:0.6rem; font-size:0.28rem; color:#fff; background:#555664; margin:0.1rem 0.07rem;}

.tkbox1_con2{ width:100%; height:auto; background:#d5d0cd; position:relative; border:2px solid #a28960; box-sizing:border-box; padding:0.4rem 0 0.6rem 0;}

.tkbox1_con2 p{ color:#4c4c5b; font-size:0.26rem; width:4.85rem; height:auto; margin:0.25rem auto;}
.tkbox1_con2 p span{ display:block;}
.tkbox1_con2 p input.text04{width:100%; height:0.64rem; display:inline-block; text-indent:0.15rem; border:1px solid #b1a8a1; font-size:0.24rem;  line-height:0.64rem; color:#4c4c5b; background:#c9c5c2; box-sizing:border-box; margin-top:0.15rem; border-radius:0; -webkit-appearance: none;}

.zd_rwz{ box-sizing:border-box; margin:0 0.1rem;}
.zd_rwz_greenbor{ border:2px solid #00ff60; box-sizing:border-box; box-shadow:4px 6px 12px #beffd6 inset;}



/*new----------------------------------------------------------*/
.box05{ width:100%; height:100%; overflow:hidden; padding-top:0.3rem; padding-bottom:0.3rem; box-sizing:border-box;}
.box05_l{ width:2.58rem; height:auto; float:left; display:inline; }
.tit02{ text-align:center; font-size:0.32rem; font-weight:bold; color:#333333; line-height:0.5rem; width:100%; height:0.5rem; display:block; padding-bottom:0.1rem;}
.martia_list{ width:2rem; height:auto; margin:0 auto;}
.martia_list li{ width:2rem; height:0.8rem; margin-top:0.45rem; position:relative; border:1px solid #c3bbb8; background:#d1ccc8; line-height:0.8rem; font-size:0.26rem; text-align:center; padding-top:0.05rem; box-sizing:border-box;}
.martia_list li span.martia_tit{ width:100%; height:0.3rem; position:absolute; left:0; top:-0.15rem; line-height:0.3rem; font-size:0.26rem; color:#4f4d5f; text-shadow:1px 2px 2px  #fff; text-align:center;}

.martia_color1{ color:#4f4d5f!important;}
.martia_color2{ color:#27a0fe!important;}
.martia_color3{ color:#35c938!important;}
.martia_color4{ color:#ff4c40!important;}
.martia_color5{ color:#ff860f!important;}
.martia_color6{ color:#d74cff!important;}

.box05_r{ width:4.8rem;  height:100%; float:right; overflow:hidden; display:inline; background:#d7d3d1; border:1px solid #c4bdba; padding-left:0.44rem; box-sizing:border-box; position:relative; }
.tit03{ text-align:center; font-size:0.32rem; font-weight:bold; color:#333333; line-height:0.5rem; width:100%; height:0.5rem; display:block; padding:0.25rem 0;}
ul.my_martia_list{ width:3.75rem; overflow-y:scroll; margin:0 auto; padding-bottom:0.5rem; box-sizing:border-box;}
ul.my_martia_list li{ width:100%; height:0.64rem; background:#CAC8C9; margin-bottom:0.22rem; position:relative; line-height:0.64rem;  padding:0 0.2rem 0 1.1rem; box-sizing:border-box;}
ul.my_martia_list li span.syz{ width:0.9rem; height:0.32rem; position:absolute; left:0.1rem; top:50%; margin-top:-0.16rem; font-size:0.18rem; line-height:0.34rem; color:#fff; text-align:center; background:#4f4d5f; border-radius:3px; display:inline-block;}
ul.my_martia_list li span.martia_name{ float:left; display:inline; font-size:0.26rem;}
ul.my_martia_list li span.dj{ float:right; color:#fff; font-size:0.2rem;}
.box05_r .cfx{ position:absolute; left:0; top:-0.4rem; width:0.44rem; height:100%; }
.box05_r .cfx .cfxbox{ width:100%; height:1.88rem;  border:2px solid #cac8c9; border-left:none; border-bottom:none; box-sizing:border-box;}


.tkbox2_con1 .jn_txt1{ width:4.8rem; height:auto; overflow:hidden; margin:0 auto; }
.tkbox2_con1 .jn_txt1 .tkbox2_tit01{ width:100%; height:0.6rem; font-size:0.3rem; line-height:0.6rem; font-weight:bold; color:#4f4d5f; position:relative;}
.tkbox2_con1 .jn_txt1 .tkbox2_tit01 span.jndj{ position:absolute; right:0; top:0; line-height:0.6rem; font-size:0.26rem; color:#988e89; font-weight:normal;}
.tkbox2_con1 .jn_txt1 .tkbox2_tit01 span.color4{ color:#ff860f;}
.tkbox2_con1 .jn_txt1 p{line-height:0.5rem; font-size:0.26rem; color:#8d837b; text-indent:0; padding:0;}
.tkbox2_con1 .jn_txt1 p span{ color:#523c21; display:inline-block; min-width:1.52rem;}
.tkbox2_con1 .jn_txt1 .h{ height:0.2rem;}
.tkbox2_con1 .jn_txt1 p img{ width:0.26rem; height:0.26rem; vertical-align:middle; margin:0 0 3px 5px;}
.tkbox2_con1 .jn_txt2{width:4.8rem; height:auto; overflow:hidden; margin:0.2rem auto; border:1px solid #b5adaa; background:#c4bab3; padding:0.15rem 0; box-sizing:border-box;}
.tkbox2_con1 .jn_txt2 p{font-size:0.24rem;  line-height:0.38rem; text-align:justify; color:#413434;}